<template>
	<view class="wraps">
		<img class="bg" src="../../../static/aidex/login/cus/bg.png" />
		<view class="cont">
			<view class="zs">
				添加专属客户经理工作微信
			</view>
			<view class="zx">
				专享信用卡服务
			</view>
			<view class="mian">
				<img class="photo" src="../../../static/aidex/login/cus/6.png" />
				<view class="name">
					郑州华@专属客户经理
				</view>
				<view class="wx">
					添加微信，领取信用卡审核结果
				</view>
				<img class="ewm" src="../../../static/aidex/login/cus/7.png" />
				<view class="sb">
					长按二维码3秒添加微信
				</view>
				<view class="tips">
					<view class="">
						联系客户经理补充材料和收货地址
					</view>
					<view class="">
						信用卡将在7天内邮寄至您家里
					</view>
				</view>
			</view>
		</view>
		<view class="ul">
			<view class="li">
				<img src="../../../static/aidex/login/cus/3.png" />
				<view class="">
					24小时咨询
				</view>
			</view>
			<view class="li">
				<img src="../../../static/aidex/login/cus/4.png" />
				<view class="">
					专属权益
				</view>
			</view>
			<view class="li">
				<img src="../../../static/aidex/login/cus/5.png" />
				<view class="">
					专属服务
				</view>
			</view>
		</view>
		<view class="dd">
			港盛国际金融咨询（香港）有限公司
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.dd{
		position: relative;
		z-index: 3;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 27rpx;
		color: #393939;
		line-height: 42rpx;
		text-align: center;
	}
	.ul{
		position: relative;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 34rpx 80rpx  22rpx;
		.li{
			img{
				width: 120rpx;
				height: 120rpx;
				display: block;
				margin: 0 auto;
			}
			view{
				padding-top: 10rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 31rpx;
				color: #914D00;
				line-height: 36rpx;
			}
		}
	}
	.wraps{
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		.bg{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			display: block;
			width: 100%;
		}
		.cont{
			position: relative;
			z-index: 4;
		}
		.zs{
			padding-top: 112rpx;
			padding-bottom: 9rpx;
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 50rpx;
			line-height: 59rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
			 // background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); 
			 background-image: linear-gradient(90deg, #FFE8D2 0%, #FFFFFF 100%);
		}
		.zx{
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
			font-family: HYQiHei, HYQiHei;
			font-weight: normal;
			font-size: 45rpx;
			line-height: 64rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
			 background-image: linear-gradient(90deg, #FFFFFF 0%, #FFD061 100%);
		}
		.mian{
			position: relative;
			margin: 97rpx auto 0;
			width: 632rpx;
			height: 984rpx;
			background: linear-gradient( 180deg, #FFEFC9 0%, #FFFFFF 24%);
			box-shadow: 0rpx 15rpx 46rpx 0rpx rgba(0,0,0,0.04);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			border: 4rpx solid #FFFFFF;
			.photo{
				position: absolute;
				width: 137rpx;
				height: 137rpx;
				left: 50%;
				top: -68rpx;
				margin-left: -68rpx;
			}
			.name{
				padding: 104rpx 0 0;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 41rpx;
				color: #191919;
				line-height: 48rpx;
				text-align: center;
			}
			.wx{
				
				margin-top: 10rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 34rpx;
				color: #757575;
				line-height: 40rpx;
				text-align: center;
				font-style: normal;
				text-transform: non
			}
			.ewm{
				margin: 20rpx auto 17rpx auto;
				width: 491.63rpx;
				height: 491.63rpx;
				display: block;
			}
			.sb{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #9F9F9F;
				line-height: 38rpx;
				text-align: center;
				margin-top: 30rpx;
				
			}
			.tips{
				
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 31rpx;
				color: #914D00;
				line-height: 36rpx;
				text-align: center;
				font-style: normal;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				margin: 30rpx auto 0;
				width: 544rpx;
				height: 128rpx;
				background: linear-gradient( 180deg, #ffeede 0%, #fff9ef 100%);
				border-radius: 15rpx 15rpx 15rpx 15rpx;
				border: 2rpx solid #ffe2b3;
				// border-image: linear-gradient(180deg, rgba(255, 213, 132, 1), rgba(255, 242, 172, 1)) 2 2;
			}
		}
	}
</style>